﻿
@{
    ViewBag.Title = "图纸组合";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    @Scripts.Render("~/bundles/jquery")
    <link rel="stylesheet" href="~/Content/layui2/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="~/Content/layui2/layuiadmin/style/admin.css" media="all">
    <script src="~/Content/layui2/layuiadmin/layui/layui.js"></script>





    <title>TestShadow</title>
    <style>
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        input[type="number"] {
            -moz-appearance: textfield;
        }
    </style>
    <style type="text/css">
        #popup {
            position: absolute;
            display: none;
            z-index: 3000;
            background-color: #FFF;
            left: 30%;
            top: 30%;
            height: 150px;
            width: 300px;
            line-height: 94px;
            text-align: center;
            border: 1px solid #03F;
        }

        #embedding {
            position: absolute;
            background-color: #36F;
            top: 94px;
            height: 56px;
            width: 300px;
            line-height: 56px;
            text-align: center;
        }

        a {
            text-decoration: none;
            font-family: "微软雅黑";
            font-size: 18px;
            color: #FFF;
        }
    </style>
</head>


<body id="body" style="padding:0;margin:0;">
    <div id="loadingDiv" style="position:fixed;display:none;z-index:2000;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,0,0.5)"></div>
    <div id="popup">
        @*<span id="text"></span>*@
        <div>
            <label style="font-size:16px;">输入验证码：</label><input type="text" name="mid" style="text-align:center;height:auto;font-size:40px;width:80px;">
        </div>

        <div id="embedding">
            <a href="javascript:void(0)">确定</a>&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0)">取消</a>
        </div>
    </div>
    <button style="position: absolute; left: 233px; top: 260px;">OSChina</button>
    <button style="position: absolute; left: 233px; top: 320px;">baidu</button>
    <button style="position: absolute; left: 233px; top: 380px;">CSDN</button>


    <script type="text/javascript">
        $(function () {
            var url = null;
            $(document).on('click', 'button', function () {
                var text = $(this).text();
                switch (text) {
                    case 'OSChina': url = 'http://www.oschina.net/'; break;
                    case 'baidu': url = 'http://www.baidu.com/'; break;
                    case 'CSDN': url = 'http://bbs.csdn.net/home'; break;
                }
                $('#text').text('是否确定前往 ' + text + ' ?');
                $('#loadingDiv').css('display', 'block');
                $('#popup').slideDown();
            });
            $(document).on('click', 'a', function () {
                if ($(this).text() == '确定') {
                    location.href = url;
                } else {
                    $('#loadingDiv').css('display', 'none');
                    $('#popup').slideUp();
                }
            });
        });
    </script>
</body>


</html>
